<!-- releaseSuccess -->
<template>
  <div class="releaseSuccess">
    <NavBarHeader class="navBarHeader"></NavBarHeader>
    <div class="container">
      <div class="successBox">
        <img
          src="./../../../../../public/img/success/successIcon.png"
          class="successIcon"
        />
        <div class="successName">订单发布成功</div>
        <div class="successLiaison">
          请您保持电话畅通，平台业务人员会在24小时内与您联系沟通
        </div>
        <div class="successInfo" v-if="listData.is_company==0||listData.is_company==2">
          您现在不是工程主身份，成为工程主后平台为您匹配机械
        </div>
        <div class="subMitBox">
          <div class="backHome" @click="goHome">返回首页</div>
          <div class="goprojectBox" v-if="listData.is_company==0||listData.is_company==2">
            <span class="goProjectOwner" @click="goEnterprise"
              >去认证工程主</span
            >
            <img
              src="./../../../../../public/img/success/rightIcon.png"
              class="rightIcon"
            />
          </div>
        </div>
      </div>
      <div class="backgroundBg"></div>
    </div>
    <FooterBar class="footerBar"></FooterBar>
  </div>
</template>

<script >
import NavBarHeader from "../../../../components/NavBarHeader";
import FooterBar from "../../../../components/FooterBar";
import { getStatus } from "../../../../apis/api";
export default {
  // import引入的组件需要注入到对象中才能使用
  components: {
    NavBarHeader,
    FooterBar,
  },
  data() {
    // 这里存放数据
    return {listData:{}};
  },
  // 过滤器
  filters: {},
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {
    goHome() {
      this.$router.push({ path: "/homePc" });
    },
    // 去企业认证
    goEnterprise() {
      this.$router.push({ path: "/enterpriseCertification" });
    },
    // 提交实名认证
    async getStatus() {
      let res = await getStatus();
      if (res.data.result == "1") {
        this.listData = res.data.body;
      }
    },
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getStatus();
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, // 生命周期 - 创建之前
  beforeMount() {}, // 生命周期 - 挂载之前
  beforeUpdate() {}, // 生命周期 - 更新之前
  updated() {}, // 生命周期 - 更新之后
  beforeDestroy() {}, // 生命周期 - 销毁之前
  destroyed() {}, // 生命周期 - 销毁完成
  ctivated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
};
</script>

<style lang='scss' scoped>
.navBarHeader {
  background: #1c1e2b;
  z-index: 1000;
}
.container {
  margin: 0 auto 0 auto;
  padding-top: 180px;
  box-sizing: border-box;
}
.successBox {
  width: 1180px;
  height: 500px;
  margin: 0 auto;
  text-align: center;
}
.successIcon {
  width: 54px;
  height: 54pxp;
}
.successName {
  margin-top: 25px;
  color: #333;
  font-size: 30px;
}
.successLiaison {
  margin-top: 25px;
  color: #999;
  font-size: 14px;
}
.successInfo {
  margin-top: 85px;
  color: #333;
  font-size: 14px;
}
.subMitBox {
  margin-top: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.backHome {
  width: 206px;
  height: 38px;
  line-height: 38px;
  background: #f0f2f5;
  border-radius: 3px;
  color: #999;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.goprojectBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 22px;
  width: 210px;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(136deg, #ffb492 0%, #ff7d59 100%);
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
}
.rightIcon {
  margin-left: 20px;
}
.backgroundBg {
  background: url("https://hll-prod.oss-cn-beijing.aliyuncs.com/hll_newPc/Home/backgroundBg.png")
    no-repeat;
  background-size: 100%,100%;
  width: 100%;
  height: 710px;
}
</style>
